<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> 中国大学MOOC（慕课）_国家精品课程在线学习平台 </title>
</head>
<link rel="stylesheet" href="homework.css">

<body>
    <div class="box">
        <header>
            <img src="./img/logon.png" alt="">
            <ul>
                <li>课程</li>
                <li>学校</li>
                <li>学校云</li>
                <li>慕课堂</li>
                <li>下载APP</li>
            </ul>
<div class="select">
            <input type="text" placeholder="搜索感兴趣的课程"><button></button>
</div>

            <div class="link">
                <a href="#">登录 | 注册 </a>

            </div>
        </header>
    </div>
    <div class="box1">
        <div class="child1">
            <p>国家精品</p>
            <ul>

                <li>
                    <span>计算机</span>
                    <span>前沿技术/软件工程</span>
                </li>

                <li>
                    <span>外语</span>
                    <span>听力/口语/写作翻译</span>
                </li>
                <li>
                    <span>理学</span>
                    <span>数学/物理/化学/天文</span>
                </li>
                <li>
                    <span>工学</span>
                    <span>力学/材料</span>
                </li>
                <li>
                    <span>22考研</span>
                    <span>数学/名师英语</span>
                </li>
                <li>
                    <span>期末不挂科</span>
                    <span>数学不挂科/物理...</span>
                </li>
                <li>
                    <span>应试英语</span>
                    <span>四六级/万词班</span>
                </li>
                <li>
                    <span>实用英语</span>
                    <span>万词班/新概念</span>
                </li>
                </dl>
        </div>
        <div class="child2">
        </div>
        <div class="child3">
            <p>免费学习来自名校名师的精品课程</p>
            <img src="./img/2.png" alt="">
            <button>登录/注册</button>
            <p>网易和高等教育出版社出品</p>
        </div>
        <div class="child4">
            <a href="#">全部745所合作高校</a>
            <img src="./img/school1.png" alt="">
            <img src="./img/school2.png" alt="">
            <img src="./img/school3png.png" alt="">
            <img src="./img/school4.png" alt="">
            <img src="./img/school5.png" alt="">
        </div>
    </div>

    <div class="box2">

        <div class="child">
            <h2>最近直播</h2>
            <a href="">

                <div>
                    <img src="./img/t1.jpg" alt="">

                    <p>【python基础课2】零基础小白快速上手Python
                        <span>刘经纬副教授</span>
                    </p>
                </div>
            </a>
            <a href="">

                <div>
                    <img src="./img/t2.jpg" alt="">

                    <p>【python基础课2】零基础小白快速上手Python
                        <span>刘经纬副教授</span>
                    </p>
                </div>
            </a>
            <a href="">

                <div>
                    <img src="./img/t3.jpg" alt="">

                    <p>【python基础课2】零基础小白快速上手Python
                        <span>刘经纬副教授</span>
                    </p>
                </div>
            </a>
            <a href="">
                <div>
                    <img src="./img/t4.png" alt="">

                    <p>【python基础课2】零基础小白快速上手Python
                        <span>刘经纬副教授</span>
                    </p>
                </div>
            </a>
            <a href="">
                <div>
                    <img src="./img/t5.png" alt="">

                    <p>【python基础课2】零基础小白快速上手Python
                        <span>刘经纬副教授</span>
                    </p>
                </div>
            </a>
            <a href="">
                <div>
                    <img src="./img/t6.jpg" alt="">

                    <p>【python基础课2】零基础小白快速上手Python
                        <span>刘经纬副教授</span>
                    </p>
                </div>
            </a>
            <a href="">
                <div>
                    <img src="./img/t7.jpg" alt="">

                    <p>【python基础课2】零基础小白快速上手Python
                        <span>刘经纬副教授</span>
                    </p>
                </div>
            </a>

        </div>
    </div>
</body>

</html>